/*混合器，大段代码需要重复使用,用@mixin,样式表中通过@include来使用这个混合器*/

@mixin center_in_box {
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
/*给混合器传参,定义形参,也可以给默认参数*/

@mixin create_circel($size,$bgc,$txt_color){
    width: $size;
    height:$size ;
    background-color: $bgc;
    color:$txt_color ;
    text-align: center;
    line-height: $size; 
    border-radius: 50%; 
}